<template>
	<div class="evas" >
		<p>
			<router-link to="/order">
				我的钱包
				<i class="iconfont" style="font-size: 0.2rem;">&#xe637;</i>
			</router-link>
		</p>
		<p></p>
		<div>
			<h3>我的服务</h3>
			<ul>
				<li v-for="item in evasList" :key="item.id">
					<router-link to="/order">
						<p></p>
						<img :src="item.imgURL" />
						<span>{{item.name}}</span>
					</router-link>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
export default{
	name:'Evas',
	data(){
		return{
			evasList:[
				{ id:1 , imgURL:"evasimg/evas-01.png" , name:'常用收获地址' },
				{ id:2 , imgURL:"evasimg/evas-02.png" , name:'常用出行人' },
				{ id:3 , imgURL:"evasimg/evas-03.png" , name:'修改密码' },
				{ id:4 , imgURL:"evasimg/evas-04.png" , name:'在线客服' },
				{ id:5 , imgURL:"evasimg/evas-05.png" , name:'游侠客APP' },
			]
		}
	}
}
</script>

<style>
a{
	text-decoration: none;
}
.evas{
	height: 7rem;
}
.evas p:nth-child(1){
	line-height: 1rem;
}
.evas p:nth-child(1) a{
	display: block;
	color: black;
	font-weight: bold;
	font-size: 0.42rem;
	text-indent: 1em;
}
.evas p:nth-child(1) a i{
	float: right;
	margin-right: 0.2rem;
}
.evas p:nth-child(2){
	height: 0.3rem;
	background-color: #f5f5f5;
}
.evas div:nth-child(1){
	height: 5rem;
	width: 100%;
}
.evas div h3{
	display: block;
	color: black;
	font-weight: bold;
	font-size: 0.42rem;
	text-indent: 1em;
	padding-top: 0.6rem;
}
.evas div ul{
	width: 90%;
	margin: 0 auto;
}
.evas div ul li{
	width: 25%;
	float: left;
	line-height: 0.6rem;
	text-align: center;
}
.evas div ul li:nth-child(1) img{
	width: 0.5rem;
	height: 0.6rem;
}
.evas div ul li:nth-child(2) img{
	width: 0.5rem;
	height: 0.6rem;
}
.evas div ul li:nth-child(3) img{
	width: 0.5rem;
	height: 0.6rem;
}
.evas div ul li:nth-child(4) img{
	width: 0.6rem;
	height: 0.6rem;
}
.evas div ul li:nth-child(5) img{
	width: 0.6rem;
}
.evas div ul li span{
	display: block;
	line-height: 0.5rem;
}
.evas div ul li p{
	height: 0.8rem;
}
</style>
